<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>冷链物流</title>
  <!--  widthmaximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后，用户只能滚动屏幕，就能让您的网站看上去更像原生应用的感觉。 -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  
   <style>
	  #example2 td{
		border:1px #d2d6de solid;
		text-align:center;
		vertical-align:middle;
	  }
  </style>
</head>
<body>

  <div class="container" style="background:#FFFFFF">
	<section class="content-header">
		<div class="col-lg-10">
			<!-- <h2>系统名称</h2> -->
			<ol class="breadcrumb" id="index_breadcrumb">
				<li class="active">
					<i class='fa fa-anchor' style='color:#18a689;'></i>&nbsp;&nbsp;
						<strong>当前位置：信息设置>>监测阈值设置</strong>
				</li>
			</ol>
		</div>
		<div class="col-lg-2">
		</div>
	</section>
      <div class="container-fluid">
		<div class="row clearfix col-lg-12">
			<form role="form">

				  <table id="example2" class="table table-bordered table-hover">
					
					<tbody>
					<tr>
					  <td><label for="numberPlate">车辆编号</label></td>
					  <td><input type="email" class="form-control" id="numberPlate" placeholder="车辆编号"></td>
					  <td><label for="carType">终端名称</label></td>
					  <td>
						  <select class="form-control" >
							<option>option 1</option>
							<option>option 2</option>
							<option>option 3</option>
							<option>option 4</option>
							<option>option 5</option>
						  </select>
					  </td>
					</tr>
				    <tr>
					  <td><label for="status">指标名称</label></td>
					  <td>
						  <select class="form-control" >
							<option>option 1</option>
							<option>option 2</option>
							<option>option 3</option>
							<option>option 4</option>
							<option>option 5</option>
						  </select>
					  </td>
					  <td><label for="setTime">设置日期</label></td>
					  <td>
						<input type="text" readonly class="form_datetime" placeholder="设置日期" style="float:left">
					  </td>
					</tr>
					
					<tr>
					  <td colspan="2"><button type="submit" class="btn btn-info pull-right">查询</button></td>
					  <td colspan="2"><button type="submit" class="btn btn-info pull-left">重置</button></td>
					</tr>
					</tbody>
					
				  </table>
				</form>
				
				<button type="button" class="btn btn-primary btn-lg2">导出</button>
				<button type="button" class="btn btn-primary btn-lg2" data-toggle="modal" data-target="#jcyzModal">添加</button>
				<button type="button" class="btn btn-primary btn-lg2">删除</button>
				<table class="table table-bordered" id="yztable">
					
				</table>
				
				
				<div class="modal fade" id="jcyzModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
					<form >
					  <div class="modal-dialog" style="width:60%">
					  
						  <div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
									&times;
								</button>
								<h4 class="modal-title" id="myModalLabel">
									阈值信息
								</h4>
							</div>
							<div class="modal-body">
							  <div class="row clearfix" style="height:45px;border:1px solid #d2d6de">
								<span style="float:left;line-height:45px" class="col-lg-2">选择车辆：</span>
								<span style="float:left;" class="col-lg-2">
									<input type="text" style="margin-top:5px;" class="form-control" id="numberPlate1" placeholder="请输入车辆">
								</span>
							  </div>
							  <div class="row clearfix" style="height:45px;border:1px solid #d2d6de">
								<span style="float:left;line-height:45px" class="col-lg-2">选择终端：</span>
								<span style="float:left" class="col-lg-2">
									<select class="form-control" id="zdName" style="margin-top:5px;">
										<option>智能终端</option>
										<option>温度传感器1</option>
										<option>温度传感器2</option>
									</select>
								</span>
								<span style="float:left;line-height:45px" class="col-lg-2">选择指标：</span>
								<span style="float:left" class="col-lg-2">
									<select class="form-control" id="indiName" style="margin-top:5px;">
										<option>温度</option>
										<option>湿度</option>
										<option>电压</option>
									</select>
								</span>
							  </div>
							  <div class="row clearfix" id="chooseResult" style="height:45px;border:1px solid #d2d6de">
								<span style="float:left;line-height:45px" class="col-lg-2">选择结果：</span>
								
							  </div>
							  <div class="row clearfix col-lg-12" style="height:45px; line-height:45px">设置阈值</div>
							  <div class="row clearfix" style="height:45px;border:1px solid #d2d6de">
								<span style="float:left; line-height:45px" class="col-lg-2">上限：</span>
								<span style="float:left" class="col-lg-4"><input type="text" class="form-control" placeholder="上限" style="margin-top:5px;"></span>
								<span style="float:left; line-height:45px" class="col-lg-2">下限：</span>
								<span style="float:left" class="col-lg-4"><input type="text" class="form-control" placeholder="下限" style="margin-top:5px;"></span>
							  </div>
							  <div class="row clearfix col-lg-12" style="height:40px; line-height:30px">历史阈值记录</div>
							  <table class="table table-bordered" id="lsyztable">
					
							  </table>
							  
								<div class="modal-footer">
									<button type="button" class="btn btn-primary">
										提交更改
									</button>
									<button type="button" class="btn btn-default" data-dismiss="modal">关闭
									</button>
								</div>
							</div>
						</div>
					</div>
					</form>
			
			
			</div>
		</div>
	  </div>
  </div>
  <script type="text/javascript" src="../xxsz/js/jcyzsz.js"></script>
</body>
</html>
